<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="css/common.css?v=1.0.1" />
    <link rel="stylesheet" href="css/main.css?v=1.0.1">
    <script src="js/rem.js"></script>
    <script src="js/zepto.js"></script>
    <title>财富中心</title>
</head>

<body>
    <div class="header">
        <img src="img/left-white.png" alt="">
        <span class="header-title">用户下单</span>
    </div>
    <div class="od-container container">
        <div class="order-content">
            <div class="con">
                <div class="item">
                    <div class="item-con">
                        <div class="item-img"><img src="img/wl-img01.jpg" alt=""></div>
                        <div class="item-des">
                            <p>峨眉钰泉 深层1652米饮用天然矿泉水 低钠淡矿泉水15.12LX桶</p>
                            <span>
                                <span>数量 : </span>
                                <span>20</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="item-con">
                        <div class="item-img"><img src="img/wl-img01.jpg" alt=""></div>
                        <div class="item-des">
                            <p>峨眉钰泉 深层1652米饮用天然矿泉水 低钠淡矿泉水15.12LX桶</p>
                            <span>
                                <span>数量 : </span>
                                <span>20</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="order-info">
            <div class="dots"><img src="img/dots.jpg" alt=""><i></i></div>
            <div class="info-con">
                <div class="info-wrap">
                    <ul class="overflow">
                        <li>
                            <h5>下单时间&nbsp;：</h5>
                            <p>2018.10.24&nbsp;&nbsp;06:51:21</p>
                            <button class="btn-small dispatching abr24">配送中</button>
                        </li>
                        <li>
                            <h5>联系人&nbsp;：</h5>
                            <p>郭正清</p>
                        </li>
                        <li>
                            <h5>联系电话&nbsp;：</h5>
                            <p>139&nbsp;&nbsp;3678&nbsp;&nbsp;9367</p>
                        </li>
                        <li>
                            <h5>联系地址&nbsp;：</h5>
                            <p>北京市朝阳区国贸东三环中路7号 北京财富金融中心</p>
                        </li>
                    </ul>
                    <div class="dots dots2"><img src="img/dots2.jpg" alt=""></div>
                </div>
                <div class="info-wrap">
                    <ul class="overflow">
                        <li>
                            <h5>配送员&nbsp;：</h5>
                            <p>安科</p>
                        </li>
                        <li>
                            <h5>联系电话&nbsp;：</h5>
                            <p>139&nbsp;&nbsp;3678&nbsp;&nbsp;9367</p>
                        </li>
                        <li class="beizhu">
                            <h5>备注&nbsp;：</h5>
                            <p>这是一些备注信息这是一些备注信息这是一些备注信息这是一些备注信息</p>
                        </li>
                    </ul>
                    <div class="dots dots2"><img src="img/dots2.jpg" alt=""></div>
                </div>
                <div class="info-wrap">
                    <h4>水单拍照记录</h4>
                    <div class="photoBox">
                        <ul class="clear">
                            <li><img src="img/icon50.jpg" alt=""></li>
                            <li><img src="img/icon50.jpg" alt=""></li>
                            <li><img src="img/icon50.jpg" alt=""></li>
                            <li><img src="img/icon50.jpg" alt=""></li>
                        </ul>
                    </div>
                    <div class="dots dots2"><img src="img/dots2.jpg" alt=""></div>
                </div>
                <div class="info-wrap">
                    <h4 style="padding:0">工单操作历史记录</h4>
                    <div class="all-time">
                        <div class="time-wrap">
                            <div class="time-dot">
                                <span></span>
                            </div>
                            <i></i>
                            <p>
                                <span>12:30:00</span>
                                <span>安科</span>
                                <span>提交订单</span>
                            </p>
                        </div>
                        <div class="time-wrap">
                            <div class="time-dot">
                                <span></span>
                            </div>
                            <i></i>
                            <p>
                                <span>12:30:00</span>
                                <span>安科</span>
                                <span>配送中....</span>
                            </p>
                        </div>
                        <div class="time-wrap">
                            <div class="time-dot">
                                <span></span>
                            </div>
                            <i></i>
                            <p>
                                <span>12:30:00</span>
                                <span>安科</span>
                                <span>开始配送</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dots enddots"><img src="img/dots3.jpg" alt=""></div>
        </div>
    </div>
    <div class="place"></div>
    <div class="tab-bar">
        <a class="tab home" href="">
            <span><img src="img/tab-bar01.png" alt=""></span>
            <span>首页</span>
        </a>
        <a class="tab active" href="recommend.html">
            <span><img src="img/tab-bar02-active.png" alt=""></span>
            <span>推荐</span>
        </a>
        <a class="tab " href="my.html">
            <span><img src="img/tab-bar03.png" alt=""></span>
            <span>我的</span>
        </a>
    </div>
</body>

</html>
<script src="js/main.js?v=1.0.1"></script>